<div class="seed-underline">
  <label class="seed-form-input-wrap seed-flexbox seed-flexbox-align-center">
    <span class="seed-form-input-title ">{{name}}</span>
    <input [minlength]="minLength"
           [maxlength]="maxLength"
           class="seed-form-input seed-flexbox-item"
           [type]="type" [formControl]="value"
           (change)="change()"  (blur)="inputOnBlur()"
           [placeholder]="inputPlaceholder">
  </label>
  <div *ngIf="valueHasChange && inputBlur">
    <ng-content></ng-content>
  </div>
</div>

<!--<div class="border-bottom" *ngIf="form" [formGroup]="form">-->
  <!--<label class="seed-form-input-wrap seed-flexbox seed-flexbox-align-center">-->
    <!--<span class="seed-form-input-title ">{{name}}</span>-->
    <!--<input class="seed-form-input seed-flexbox-item" [type]="type" formControlName="value"  (change)="change()" (blur)="inputOnBlur()"  [placeholder]="inputPlaceholder">-->
  <!--</label>-->
  <!--<div *ngIf="valueHasChange && inputBlur">-->
    <!--<ng-content></ng-content>-->
  <!--</div>-->
<!--</div>-->
